var  wl=document.querySelector(".wl")
var  wl1=document.querySelector(".wl1")
if(localStorage.getItem('name')!=null){
	wl1.innerHTML=`${localStorage.getItem('name')}`
}


function ding(){
	var dat=new Date()
	if(localStorage.getItem('name')!=null){
		wl.innerHTML=`欢迎来到 “${wl1.innerHTML} ”的网易云,温馨提示私人网站请勿使用,现在是${dat.getFullYear()}年${dat.getMonth()+1}月${dat.getDate()}日${dat.getHours()}:${dat.getMinutes()}`
	}else{
		wl.innerHTML=`现在是${dat.getFullYear()}年${dat.getMonth()+1}月${dat.getDate()}日${dat.getHours()}:${dat.getMinutes()}`
	}


setTimeout("ding()",1000)
}
	ding()
// 
// 导航栏
var nav=document.querySelectorAll(".nn li")
nav.forEach(item=>{
	item.onmousemove=()=>{
		nav.forEach(i=>{
			i.classList.remove("aaa")
		})
		item.classList.add("aaa")
	}
	item.onmouseout=()=>{
		item.classList.remove("aaa")
	}
})



// 轮播图
	var a=["./images/微信图片_20240612224848.jpg","./images/微信图片_20240612224902.jpg","./images/微信图片_20240612224907.jpg","./images/微信图片_20240612224911.jpg","./images/微信图片_20240612224915.jpg","./images/微信图片_20240612224919.jpg"]
	var ix=0
	var lb=document.querySelectorAll(".lb img")
	
	
	var yuan=document.querySelectorAll(".yuan li")
	// 指示器点击
	yuan.forEach((item,index)=>{
		
		item.onclick=function(){
		ix=index
		yuan.forEach(i=>{
			i.classList.remove("active")
		})
		item.classList.add("active")
		lb[0].src=a[index]
		lb[1].src=a[index]
		lb[2].src=a[index]
		console.log(lb[index]);
	}
	})
	

// 自动轮播
	function tu(){
		ix=++ix%a.length
		lb[0].src=a[ix]
		lb[1].src=a[ix]
		lb[2].src=a[ix]
		// 指示器跟着图走
		yuan.forEach(i=>{
			i.classList.remove("active")
		})
		yuan[ix].classList.add("active")
		setTimeout("tu()",4000)
	}
	setTimeout("tu()",4000)
	// 上一个图
	function   p(){
		// ix为0时
		ix=(--ix+a.length)%a.length
		lb[0].src=a[ix]
		lb[1].src=a[ix]
		lb[2].src=a[ix]
		// 指示器跟着图走
		yuan.forEach(i=>{
			i.classList.remove("active")
		})
		yuan[ix].classList.add("active")
	}
	// 下一个图
	function  n(){
		ix=++ix%a.length
		lb[0].src=a[ix]
		lb[1].src=a[ix]
		lb[2].src=a[ix]
		// 指示器跟着图走
		yuan.forEach(i=>{
			i.classList.remove("active")
		})
		yuan[ix].classList.add("active")
	}
	 var url=document.querySelector(".u")
	 url.innerHTML+=url.innerHTML

	 	// 自动滚动
	 var li1=document.querySelectorAll(".u li")
	 url.style.width=li1[0].offsetWidth*li1.length+"px"
	 console.log((url.offsetWidth-80)/2)
	 var s=-2
	 var  m =()=>{
		if(url.offsetLeft <-(url.offsetWidth-120)/2){
			url.style.left=0
		}
		url.style.left=url.offsetLeft+s+"px"

		
	 }
	var t1=setInterval(m,30)
	// 鼠标经过
	url.onmouseover=()=>{
		clearInterval(t1)
	}
	// 鼠标离开
	url.onmouseout=()=>{
		t1=setInterval(m,30)
	}
	// 选项卡
	var b=document.querySelectorAll(".l") 
	var xuan=document.querySelectorAll(".xuan")
xuan[0].style.display= "block"
b[0].classList.add("bl")
	b.forEach((item,index)=>{
		item.onclick=()=>{
			b.forEach(i=>{
				i.classList.remove("bl")
				})
xuan.forEach(j=>{
	j.style.display= "none"
})
item.classList.add("bl")
xuan[index].style.display= "block"
}
})



// 歌词
var  lo=["./aideo/天后.mp3","./aideo/如果爱忘了.mp3","./aideo/最佳损友.mp3","./aideo/偏爱.mp3"]
var  lo1=["天后","如果爱忘了","最佳损友","偏爱"]
var  z=0
var lrc = [`[00:00.000] 作词 : 彭学斌
[00:01.000] 作曲 : 彭学斌
[00:02.000] 编曲 : 黄贾杰
[00:26.870]终于找到借口趁着醉意上心头
[00:33.170]表达我所有感受
[00:37.330]寂寞渐浓沉默留在舞池角落
[00:43.980]你说的太少或太多
[00:47.280]都会让人更惶恐
[00:51.600]谁任由谁放纵谁会先让出自由
[00:57.200]最后一定总是我
[01:01.180]双脚悬空在你冷酷热情间游走
[01:07.750]被侵占所有还要笑着接受
[01:13.140]我嫉妒你的爱气势如虹
[01:18.980]像个人气高居不下的天后
[01:25.800]你要的不是我而是一种虚荣
[01:30.950]有人疼才显得多么出众
[01:37.390]我陷入盲目狂恋的宽容
[01:42.990]成全了你万众宠爱的天后
[01:48.930]若爱只剩诱惑只剩彼此忍受
[01:55.900]别再互相折磨
[01:59.940]因为我们都有错
[02:04.460]
[02:17.640]推开苍白的手推开苍白的厮守
[02:24.160]管你有多么失措
[02:27.610]别再叫我心软是最致命的脆弱
[02:34.840]我明明都懂却仍拼死效忠
[02:40.170]我嫉妒你的爱气势如虹
[02:46.200]像个人气高居不下的天后
[02:52.000]你要的不是我而是一种虚荣
[02:57.990]有人疼才显得多么出众
[03:03.890]我陷入盲目狂恋的宽容
[03:09.980]成全了你万众宠爱的天后
[03:16.100]若爱只剩诱惑只剩彼此忍受
[03:22.000]别再互相折磨
[03:27.100]因为我们都有错
[03:31.770]
[03:51.930]如果有一天爱不再迷惑
[03:57.980]足够去看清所有是非对错
[04:03.920]直到那个时候你在我的心中
[04:09.840]将不再被歌颂把你当作天后
[04:22.610]不会再是我
[04:26.800]`,`[00:00.000] 作词 : 唐恬/李志清
[00:01.000] 作曲 : 林天爱
[00:19.190]总有一些话 来不及说了
[00:25.870]总有一个人 是心口的朱砂
[00:33.169]想起那些话 那些傻 眼泪落下
[00:39.339]只留一句 你现在好吗
[00:44.657]
[00:46.828]如果爱忘了 泪不想落下
[00:53.779]那些幸福啊 让她替我到达
[01:00.188]如果爱懂了 承诺的代价
[01:06.790]不能给我的 请完整给她
[01:22.308]
[01:33.700]
[01:35.789]总有些牵挂 旧的像伤疤
[01:41.890]越是不碰它 越隐隐的痛在那
[01:48.619]想你的脸颊 你的发 我不害怕
[01:56.099]就让时间 给我们回答
[02:01.598]
[02:01.808]如果爱忘了 泪不想落下
[02:07.789]那些幸福啊 让她替我到达
[02:14.150]如果爱懂了 承诺的代价
[02:21.300]不能给我的 请完整给她
[02:26.840]
[02:28.590]我说我忘了 不痛了
[02:32.400]那是因为太爱太懂了
[02:35.560]笑了 原谅了 为你也值得
[02:41.740]用你的快乐 告诉我
[02:45.170]现在放开双手是对的
[02:48.400]别管我多 舍不得
[02:53.350]
[02:53.620]如果爱忘了 就放他走吧
[03:00.000]那些幸福啊 让她替我到达
[03:06.500]如果爱懂了 承诺的代价
[03:12.760]不能给我的 请完整给她
[03:19.900]
[03:21.750]如果爱忘了 你还记得吗？`,`[00:00.000] 作词 : 黄伟文
[00:00.125] 作曲 : Eric Kwok
[00:00.250] 编曲 : Eric Kwok/Jerald
[00:00.375] 制作人 : Eric Kwok/Jerald/陈奕迅
[00:00.500]
[00:00.900]朋友 我当你一秒朋友
[00:07.081]朋友 我当你一世朋友
[00:13.691]奇怪 过去再不堪回首
[00:20.460]怀缅 时时其实还有
[00:25.599]
[00:27.047]朋友 你试过将我营救
[00:33.797]朋友 你试过把我批斗
[00:40.401]无法 再与你交心联手
[00:46.241]毕竟 难得有过最佳损友
[00:51.737]
[00:52.169]从前共你 促膝把酒
[00:54.987]倾通宵都不够
[00:56.531]我有痛快过 你有没有
[01:00.851]很多东西今生只可给你
[01:03.210]保守至到永久
[01:05.004]别人如何明白透
[01:07.441]实实在在 踏入过我宇宙
[01:09.849]即使相处到 有个裂口
[01:13.343]命运决定了 以后再没法聚头
[01:16.908]但说过去 却那样厚
[01:19.171]
[01:19.631]问我有没有 确实也没有
[01:22.851]一直躲避的借口 非甚么大仇
[01:26.145]为何旧知己 在最后
[01:29.574]变不到老友
[01:32.844]不知你是我敌友 已没法望透
[01:36.573]被推着走 跟着生活流
[01:39.493]来年陌生的
[01:41.617]是昨日最亲的某某
[01:47.021]
[01:50.868]生死之交当天不知罕有
[01:53.298]到你变节了 至觉未够
[01:57.411]多想一天 彼此都不追究
[01:59.923]相邀再次喝酒
[02:01.629]待 葡萄成熟透
[02:04.106]但是命运入面 每个邂逅
[02:06.537]一起走到了 某个路口
[02:09.955]是敌与是友 各自也没有自由
[02:13.506]位置变了 各有队友
[02:15.903]
[02:16.234]问我有没有 确实也没有
[02:19.554]一直躲避的借口 非甚么大仇
[02:22.767]为何旧知己 在最后
[02:26.142]变不到老友
[02:29.481]不知你是我敌友 已没法望透
[02:33.258]被推着走 跟着生活流
[02:36.138]来年陌生的
[02:38.199]是昨日最亲的某某
[02:41.528]早知解散后 各自有际遇作导游
[02:46.188]奇就奇在 接受了 各自有路走
[02:49.493]却没人像你 让我 眼泪背着流
[02:52.794]严重似情侣 讲分手
[02:57.690]
[03:10.314]有没有 确实也没有
[03:12.832]一直躲避的借口 非甚么大仇
[03:16.127]为何旧知己 在最后 变不到老友
[03:22.075]
[03:22.820]不知你又有没有 挂念这旧友
[03:26.647]或者自己 早就想通透
[03:29.442]来年陌生的 是昨日 最亲的某某
[03:34.779]总好于 那日我 没有
[03:39.925]没有 遇过 某某
[03:48.493]
[03:49.301]监制 : Eric Kwok / Jerald Chan / Eason Chan
[03:49.968]Producer : Eric Kwok / Jerald Chan
[03:50.499]Producer, Associated  Performer, Vocals : Eason Chan
[03:50.997]Author : Wei Wen Huang
[03:51.461]Composer, Arranger, Work  Arranger : Eric Kwok
[03:51.921]Arranger, Work  Arranger : Jerald Chan
[03:52.378]Released on : 2006-01-01
[03:52.808]OP : Snowman Production Ltd(adm by EMI Music Publishing HK)
[03:52.908]/Wyman(adm by EMI Music Publishing HK)
[03:53.227]/℗ 2006 Cinepoly Records Co. Ltd.
`,`[00:00.00] 作词 : 葛大为
[00:01.00] 作曲 : 陈伟
[00:02.00] 编曲 : 陈伟
[00:15.50]把昨天都作废
[00:18.91]现在你在我眼前
[00:22.69]我想爱 请给我机会
[00:29.19]如果我错了也承担
[00:33.07]认定你就是答案
[00:37.76]我不怕谁嘲笑我极端
[00:42.07]
[00:42.92]相信自己的直觉
[00:46.78]顽固的人不喊累
[00:50.27]爱上你 我不撤退
[00:55.19]
[00:55.70]我说过 我不闪躲
[00:59.12]我非要这么做
[01:01.83]讲不听 也偏要爱
[01:04.27]更努力爱 让你明白
[01:09.37]没有别条路能走
[01:12.58]你决定要不要陪我
[01:15.50]讲不听 偏爱
[01:17.22]靠我感觉爱
[01:18.94]等你的依赖
[01:21.90]对你偏爱
[01:29.18]痛也很愉快
[01:36.06]
[01:37.82]把昨天都作废
[01:41.20]现在你在我眼前
[01:44.91]我想爱 请给我机会
[01:51.49]如果我错了也承担
[01:55.40]认定你就是答案
[02:00.14]我不怕谁嘲笑我极端
[02:04.37]
[02:05.18]相信自己的直觉
[02:09.05]顽固的人不喊累
[02:12.54]爱上你 我不撤退
[02:17.59]
[02:18.01]我说过 我不闪躲
[02:21.44]我非要这么做
[02:24.09]讲不听 也偏要爱
[02:26.55]更努力爱 让你明白
[02:31.79]没有别条路能走
[02:34.77]你决定要不要陪我
[02:37.80]讲不听 偏爱
[02:39.54]靠我感觉爱
[02:41.20]等你的依赖
[02:44.04]
[02:44.22]不后悔 有把握
[02:47.12]我不闪躲 我非要这么做
[02:51.46]讲不听 也偏要爱
[02:53.92]更努力爱 让你明白
[02:59.16]没有别条路能走
[03:02.17]你决定要不要陪我
[03:05.22]讲不听 偏爱
[03:06.95]靠我感觉爱
[03:08.74]等你的依赖
[03:11.64]对你偏爱 爱
[03:18.91]痛也很愉快
[03:26.57]`]





var lrc1=`[00:00.00] 作词 : 张震岳
[00:01.00] 作曲 : 张震岳
[00:02.00] 编曲 : 张震岳
[00:03.00] 制作人 : 张震岳
[00:12.10]总有些惊奇的际遇
[00:17.270]比方说当我遇见你
[00:22.650]你那双温柔剔透的眼睛
[00:28.960]出现在我梦里
[00:33.320]我的爱就像一片云
[00:38.630]在你的天空无处停
[00:43.940]多渴望化成阵阵的小雨
[00:50.40]滋润你心中的土地
[00:54.630]不管 未来 会怎么样
[01:00.270]至少我们现在很开心
[01:05.420]不管 结局 会怎么样
[01:10.850]至少想念的人是你
[01:15.940]我不会把它当作游戏
[01:21.470]因为我真心对你
[01:26.650]总有些话是不能提
[01:31.870]怕你会掉入选择题
[01:37.229]我把情感自私的那一面
[01:43.590]隐藏在黑夜里
[01:47.910]我的爱就像一片舟
[01:53.170]在你的心湖无处停
[01:58.460]寻寻觅觅一个美丽的港湾
[02:04.480]希望不再流浪 飘荡
[02:30.550]我不管 未来 会怎么样
[02:36.170]至少我们现在很开心
[02:41.280]我不管 结局 会怎么样
[02:46.780]至少想念的人是你
[02:51.880]我不管 未来 会怎么样
[02:57.530]但我每天都想见到你
[03:02.580]我不管 结局 会怎么样
[03:08.150]我想真的跟你在一起
[03:13.240]如果你还是没法相信
[03:19.250]
[03:21.430]真的没关系
[03:24.10]我会安静的离去`
var lrc2=`[00:00.000] 制作人 : 陈光荣
[00:01.000] 作曲 : 陈光荣
[00:02.000] 编曲 : 陈光荣
[00:18.960]约会像是为分享到饱肚滋味
[00:25.230]有任何难题却不提起
[00:31.450]这若是浪漫 我怎么觉得就快分离
[00:37.470]你哭过 但眼影闪得更艳美
[00:43.170]
[00:44.150]我是谁情人 你始终也是你
[00:50.100]微笑静默互望 笑比哭更可悲
[00:56.630]就算怎开心皱着眉
[00:59.810]尽管紧紧抱得稳你
[01:03.470]两臂 却分得开我共你
[01:08.450]
[01:08.990]无言的亲亲亲 侵袭我心
[01:15.280]仍宁愿亲口讲你累得很
[01:21.600]如除我以外在你心
[01:25.510]还多出一个人 你瞒住我
[01:30.680]我亦瞒住我太合衬
[01:44.800]
[01:47.190]这就是谈情 客气得吓着我
[01:53.080]除了近来繁忙我所知有几多
[01:59.820]若要哭不哭诉为何
[02:02.950]大家争吵斗嘴好过
[02:06.540]胜过 笑不出声抱着我
[02:11.540]
[02:12.090]无言的亲亲亲 侵袭我心
[02:18.410]仍宁愿亲口讲你累得很
[02:24.680]如除我以外在你心
[02:28.700]还多出一个人 你瞒住我
[02:33.820]我亦瞒住我太合衬
[02:49.560]
[02:51.930]这么寂寞的恋爱算什么
[02:56.340]用你指尖缠我 用热吻逃避我
[03:04.350]
[03:04.670]无言的亲亲亲 侵袭我心
[03:10.430]仍宁愿亲口讲你累得很
[03:16.860]如除我以外在你心
[03:20.880]还多出一个人 你瞒住我
[03:25.790]我亦瞒住我太合衬
[03:37.860]
[03:51.541] 监制 : 陈光荣`


function parseLrc(){
    var lrcArr = []
    var lines = lrc[z].split("\n")
	
    for(var i  = 0 ; i< lines.length ; i++){
        var str = lines[i];
        var line = str.split("]")
        var time = line[0].substring(1)
        var words = line[1]
        lrcArr.push({'time':parseTime(time),'words':words})
    }
    return lrcArr
}
//将一个时间字符串解析为数字
function parseTime( time ){
    var parts =  time.split(":")
    return (+parts[0]) * 60 + (+parts[1])
}

var lrcData = parseLrc()

//console.log( JSON.stringify( lrcArr ) )

//doms 管理
var doms = {
    container : document.querySelector(".co"),
    audio : document.querySelector("audio"),
    ul: document.querySelector(".co ul")
}
// 歌词拖动
var isd=false
var offsetX=0
var offestY=0
doms.container.onmousedown=(e)=>{
	isd=true
	offsetX=e.clientX-doms.container.offsetLeft
	offestY=e.clientY-doms.container.offsetTop
}
doms.container.onmousemove=(e)=>{
	if(isd){
		doms.container.style.left= e.clientX-offsetX + "px"
		doms.container.style.top = e.clientY - offestY + "px"
	}
}
doms.container.onmouseup=()=>{
	isd=false
}
document.querySelector(".ccc").onclick=()=>{
	doms.container.style.top =-90+"px"
	doms.container.style.left =25+"%"
	doms.container.style.height =null
}


/**
 * 计算出当前显示的歌词下标
 */
function findIndex(){
    var curime  = doms.audio.currentTime
    var index = 0 ;
    for( var i = 0 ; i< lrcData.length; i++ ){
        var item = lrcData[i];
        if( curime < item.time ){
            return i-1;
        }
    }
    //当是最后一句歌词
    return lrcData.length-1
}
// var index = findIndex()
// console.log(index)

//创建界面
function createLrcElements(){
    var fragment = document.createDocumentFragment() //文档片段
    for(var i = 0; i < lrcData.length; i++ ){
        var li = document.createElement("li")
        li.textContent = lrcData[i].words
        fragment.appendChild(li)
    }
	if(doms.ul.children.length==0){
		doms.ul.appendChild(fragment)
	}else{
		while(doms.ul.firstChild){
			doms.ul.firstChild.remove()
	}
	doms.ul.appendChild(fragment)
    
}
}
createLrcElements()



var containerHeight = doms.container.clientHeight
var liHeight = doms.ul.children[0].clientHeight

var maxOffest = doms.ul.clientHeight - containerHeight

//设置偏移量
function setOffest(){
    var index = findIndex()

    var offest =  liHeight* index + liHeight/10 - containerHeight/2

    if( offest < 0 ){
        offest = 0 
    }

    if( offest > maxOffest ){
        offest = maxOffest
    }


    var preLi = doms.ul.querySelector(".active")
    if( preLi ){
        preLi.classList.remove("active")
    }

    
    doms.ul.style.transform = `translateY(-${offest}px)`
    var curLi = doms.ul.children[index];
    if( curLi ){
        curLi.classList.add('active')
    }
 

}
doms.audio.addEventListener('timeupdate',setOffest)



// // 音频

// 播放/暂停按钮
var playPauseButton2 = document.getElementById('play2');
var playPauseButton1 = document.getElementById('play1');
var playPauseButton3 = document.getElementById('play3');

// 点歌名出歌词
var zi=document.querySelector(".zi")
zi.onclick=()=>{
	var cc=document.querySelector(".co")
	cc.style.height=cc.style.height? null: 90+"px"
	
}

// var stopButton = document.getElementById('stop');
// 音频进度条
var seekBar = document.getElementById('seek-bar');
// 当前时间
var currentTimeElement = document.getElementById('current-time');
// 播放时长
var durationElement = document.getElementById('duration');
// 音量控制
var volumeBar = document.getElementById('volume-bar');

// 更新播放时间

function updateCurrentTime() {
  var currentTime = audio.currentTime;
  var duration = audio.duration;
  seekBar.value = (currentTime / duration) * 100;
  currentTimeElement.textContent = formatTime(currentTime);
  durationElement.textContent = formatTime(duration);
}

// 格式化时间
function formatTime(time) {
  var minutes = Math.floor(time / 60);
  var seconds = Math.floor(time % 60);
  return minutes + ':' + (seconds < 10 ? '0' + seconds : seconds);
}

// 播放/暂停
playPauseButton2.addEventListener('click', function() {
	
  if (audio.paused) {
	
	
    audio.play();
  } else {
	playPauseButton2.src="./images/lo1.png"
    audio.pause();
  }
});
playPauseButton1.addEventListener('click', function() {
	
	z=(--z+lo.length)%lo.length
    audio.src=lo[z]
    zi.innerHTML=lo1[z]
	lrcData = parseLrc()
	createLrcElements();
	
    audio.play();
   
  });
  playPauseButton3.addEventListener('click', function() {
    z=++z%lo.length
    audio.src=lo[z]
    zi.innerHTML=lo1[z]
	lrcData = parseLrc()
	createLrcElements();
	
	
    audio.play();

  });
  

// 停止
// stopButton.addEventListener('click', function() {
//   audio.pause();
//   audio.currentTime = 0;
//   playPauseButton.textContent = '播放';
// });

// // 跳转
// seekBar.addEventListener('change', function() {
//   var seekTime = audio.duration * (seekBar.value / 100);
//   audio.currentTime = seekTime;
// });

// 音量控制
volumeBar.addEventListener('change', function() {
  audio.volume = volumeBar.value;
});

// 时间更新事件
audio.addEventListener('timeupdate', updateCurrentTime);

// 加载元数据事件
audio.addEventListener('loadedmetadata', updateCurrentTime);

window.onscroll=()=>{
	var jh=document.documentElement.scrollTop
var    player =document.querySelector(".bjj")
if(jh>=360){
	player.style.display="block"
	
}else{
	doms.container.style.height=0
	player.style.display="none"
	audio.pause();
}
}
var aa1=document.querySelectorAll(".aa")

aa1[0].onclick=()=>{
	
	audio.src="./aideo/"+aa1[0].innerHTML+".mp3"
	lo.push("./aideo/"+aa1[0].innerHTML+".mp3")
	lo1.push(aa1[0].innerHTML)
	lrc.push(lrc1)
	zi.innerHTML=aa1[0].innerHTML
	z=lo1.indexOf(zi.innerHTML)
	lrcData = parseLrc()
	createLrcElements();
	audio.play()
}
aa1[1].onclick=()=>{
	
	audio.src="./aideo/"+aa1[1].innerHTML+".mp3"
	lo.push("./aideo/"+aa1[1].innerHTML+".mp3")
	lo1.push(aa1[1].innerHTML)
	lrc.push(lrc2)
	zi.innerHTML=aa1[1].innerHTML
	z=lo1.indexOf(aa1[1].innerHTML)
	lrcData = parseLrc()
	createLrcElements();
	audio.play()
}



// 手工琴
var accordions=document.querySelectorAll(".accordion")
accordions.forEach(item=>{
  item.addEventListener("click",function(){
	//console.log(item.innerHTML)
	
	var div = item.nextElementSibling
	div.style.maxHeight = div.style.maxHeight?null:div.scrollHeight+"px"
	item.classList.toggle("active")

  })
})

// 评论区
var fb=document.querySelector(".fb")
 var duihua=document.querySelector(".duihua")
fb.addEventListener("click",function(){
	duihua.showModal()
})
document.getElementById("btn").onclick = function () {
	// 1.获取头像
	var img = document.getElementById("avatar").getAttribute("src")
	// 2.获取昵称
	var name = document.getElementById("name").value
	// 3.获取评论内容
	var txt = document.querySelector("#txt").value

	// 4.获取系统当前时间：年-月-日 时：分
	var date = new Date()
	var y = date.getFullYear()
	var m = date.getMonth() + 1
	var d = date.getDate()
	var h = date.getHours()
	var mm = date.getMinutes()
	var curTime = `${y}-${m}-${d} ${h}:${mm}`
	console.log(curTime)
	// 5.将1-4组合生成评论
	// 创建div
	var reply_item = document.createElement("div")
	reply_item.setAttribute("class", "reply-item")
	var user = document.createElement("div")
	user.setAttribute("class", "user")
	var user_face = document.createElement("div")
	user_face.setAttribute("class", "user-face")
	//创建头像img节点
	var face_img = document.createElement("img")
	face_img.setAttribute("src", img)
	user_face.appendChild(face_img)
	// var face_img = `<img src="${img}" alt="" />`
	// user_face.innerHTML=face_img
	user.appendChild(user_face)
	//昵称追加进去
	var user_name = document.createElement("div")
	user_name.setAttribute("class", "user-name")
	user_name.innerText = name
	user.appendChild(user_name)
	// 评论追加进去
	var p = document.createElement("p")
	p.innerText = txt
	user.appendChild(p)
	//时间、点赞、删除 追加进去
	var info = document.createElement("div")
	info.setAttribute("class", "info")
	var infoHTML = `<span>${curTime}</span>
			<span>100</span>
			<span></span>
			<span><a class="remove" >删除</a></span>`
	info.innerHTML = infoHTML
	reply_item.appendChild(user)
	reply_item.appendChild(info)


	// 6.将评论添加到评论列表
	var right = document.querySelector(".right")
	right.appendChild(reply_item)

	// 7.点击发表评论后，将昵称和评论框的内容清空
	document.getElementById("name").value = ""
	document.getElementById("txt").value = ""

	// 8.点击删除将评论删除，找到删除按钮，将该评论从父级删除
	var remove = document.querySelectorAll(".remove")
	remove.forEach(item => {
	  // 每一个item表示每一个删除
	  item.addEventListener("click", removeHandle)
	  duihua.close()
	})


  }
  function removeHandle() {
	this.parentNode.parentNode.parentNode.parentNode.
	  removeChild(this.parentNode.parentNode.parentNode)

  }
  // 页面加载完成时，给“删除”添加点击删除事件
  function initRemove() {
	var remove = document.querySelectorAll(".remove")
	remove.forEach(item => {
	  // 每一个item表示每一个删除
	  item.addEventListener("click", removeHandle)
	})
  }
  initRemove()
  // 每次页面打开，默认评论头像是随机的
  function initImg() {
	// 1.生成一个随机数
	var num = Math.floor(Math.random() * 3)
	// 2.那随机数对应图片路径，替换头像的src值
	document.getElementById("avatar").src = `./images/ge${num}.jpg`
  }
  window.onload = initImg

